<template>
  <div class="flex j-s-b">
    <div class="routine-title">
      <span class="line"></span>
      <div class="second-title">挂号、门诊、住院</div>
      <div class="item">
        <sSelect
          :label="'住院号规则'"
          :options="[]"
          v-model="selcte"
          :width="selectWidth"
          placeholder="请选择"
        ></sSelect>
        <el-checkbox
          v-model="newId"
          label="病人每次住院使用新的住院号"
          size="small"
        />
        <div>
          <sSelect
            :label="'门诊号规则'"
            :options="[]"
            v-model="selcte"
            :width="selectWidth"
            placeholder="请选择"
          ></sSelect>
        </div>
      </div>

      <div>零钞处理规则：</div>
      <div class="item" style="margin-left: 40px">
        <sSelect
          class="mb16"
          :label="'挂号'"
          :options="[]"
          :width="selectWidth"
          v-model="selcte"
          placeholder="请选择"
        ></sSelect>
        <sSelect
          class="mb16"
          :label="'收费'"
          v-model="selcte"
          :options="[]"
          :width="selectWidth"
          placeholder="请选择"
        ></sSelect>
        <sSelect
          :label="'结账'"
          v-model="selcte"
          :width="selectWidth"
          :options="[]"
          placeholder="请选择"
        ></sSelect>
      </div>

      <div class="input-number">
        <div class="item">
          <span>普通挂号单有效天数：</span>
          <el-input-number v-model="num3" size="small" />
        </div>

        <div class="item">
          <span>挂号允许预约天数：</span>
          <el-input-number v-model="num3" size="small" />
        </div>
        <div class="item">
          <span>费用金额保留位数：</span>
          <el-input-number v-model="num3" size="small" />
        </div>
        <div class="item">
          <span>费用单价保留位数：</span>
          <el-input-number v-model="num3" size="small" />
        </div>
        <div class="item">
          <span>急诊挂号单有效天数：</span>
          <el-input-number v-model="num3" size="small" />
        </div>
      </div>

      <el-checkbox
        v-model="newId"
        label="多张单据使用多种结算方式"
        size="small"
      />
      <!-- <div> -->
      <el-checkbox
        v-model="newId"
        label="从属项目汇总计算折扣额"
        size="small"
      />

      <el-checkbox
        v-model="newId"
        class="mr16"
        label="门诊退费须先申请"
        size="small"
      />
      <el-checkbox
        v-model="newId"
        class="ml32"
        label="输入费用项目时先输入类别"
        size="small"
      />

      <el-checkbox
        v-model="newId"
        label="输入费用项目首位当类别简码收费项目和诊疗项目输入匹配方式"
        size="small"
      />
      <el-checkbox
        v-model="newId"
        label="输入全是数据时只查找编码"
        size="small"
      />
      <el-checkbox
        v-model="newId"
        label="输入全是字母时只查找简码"
        size="small"
      />
    </div>

    <div class="routine-title">
      <span class="line"></span>
      <div class="second-title">药材与卫材</div>
      <div class="item">
        <sSelect
          class="mb16"
          :label="'药价编辑设置单位'"
          :options="[]"
          :width="selectWidth"
          placeholder="请选择"
        ></sSelect>
        <sSelect
          class="mb16"
          :label="'药品编码递增模式'"
          :options="[]"
          :width="selectWidth"
          placeholder="请选择"
        ></sSelect>
        <sSelect
          class="mb16"
          :label="'药品效期显示方法'"
          :options="[]"
          :width="selectWidth"
          placeholder="请选择"
        ></sSelect>
        <sSelect
          :label="'药品出库优先算法'"
          :options="[]"
          :width="selectWidth"
          placeholder="请选择"
        ></sSelect>
      </div>

      <el-checkbox
        v-model="newId"
        label="门诊收费与药房发药分离"
        size="small"
      />
      <div>
        <el-checkbox
          v-model="newId"
          label="住院记账与药房发药分离"
          size="small"
        />
      </div>

      <el-checkbox
        v-model="newId"
        label="指定药房时限定药品库存"
        size="small"
      />
      <el-checkbox
        v-model="newId"
        label="填写药品出库类单据减少药品出库库房可用库存"
        size="small"
      />
      <el-checkbox
        v-model="newId"
        label="药品申领时明确药品批次"
        size="small"
      />
      <div>
        <el-checkbox
          v-model="newId"
          label="药品移库时明确药品批次"
          size="small"
        />
      </div>

      <el-checkbox
        v-model="newId"
        label="外购入库单需要经过核查"
        size="small"
      />
      <el-checkbox
        v-model="newId"
        label="药品外购入库需要经过标记付款后才能进行付款管理"
        size="small"
      />
      <el-checkbox v-model="newId" label="时价药品直接确定售价" size="small" />
      <div>
        <el-checkbox
          v-model="newId"
          label="时价药品入库时取上次售价"
          size="small"
        />
      </div>

      <el-checkbox
        v-model="newId"
        label="时价药品通过加成率入库"
        size="small"
      />
      <div>
        <el-checkbox
          v-model="newId"
          label="时价药品通过分段加成入库"
          size="small"
        />
      </div>

      <el-checkbox
        v-model="newId"
        label="时价药品入库按扣前加成销售"
        size="small"
      />
    </div>

    <div class="routine-title">
      <span class="second-title"> 对外上下班时间 </span>
      <div class="item">
        <span>上午：</span>
        <el-time-picker
          v-model="value1"
          is-range
          range-separator="To"
          start-placeholder="开始时间"
          end-placeholder="结束时间"
        />
      </div>
      <div>
        <span>下午：</span>
        <el-time-picker
          v-model="value1"
          is-range
          range-separator="To"
          start-placeholder="开始时间"
          end-placeholder="结束时间"
        />
      </div>
      <div class="routine-title mt16">
        <span class="second-title"> 入院时允许 </span>
        <div class="item">
          <el-checkbox v-model="newId" label="收取预交款" size="small" />
          <el-checkbox v-model="newId" label="办理就诊卡" size="small" />
          <el-checkbox v-model="newId" label="分配床位号" size="small" />
        </div>
      </div>
      <div class="routine-title w-100">
        <span class="second-title"> 门诊收费时输入 </span>
        <div class="item">
          <div class="flex a-c">
            <el-checkbox v-model="newId" label="病人姓名" size="small" />
            <el-checkbox v-model="newId" label="刷就诊卡" size="small" />
          </div>
          <div class="flex a-c">
            <el-checkbox v-model="newId" label="病人标识" size="small" />
            <el-checkbox v-model="newId" label="挂号单号" size="small" />
          </div>
        </div>
      </div>
      <div class="routine-title w-100">
        <div class="second-title">发药窗口动态分配</div>
        <div class="item">
          <el-radio-group v-model="radio3" class="ml-4 flex a-c">
            <el-radio value="1" size="small">闲忙方式</el-radio>
            <el-radio value="2" size="small">平均方式</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div class="routine-title w-100">
        <span class="second-title"> 待定收费项目 </span>
        <sSelect
          class="mt16 mb16"
          :label="'病历费'"
          :options="[]"
          :width="selectWidth"
          v-model="selcte"
          placeholder="请选择"
        ></sSelect>
        <sSelect
          :label="'工本费'"
          :options="[]"
          :width="selectWidth"
          v-model="selcte"
          placeholder="请选择"
          class="mb16"
        ></sSelect>
        <sSelect
          :label="'误差项'"
          :options="[]"
          class="mb16"
          :width="selectWidth"
          placeholder="请选择"
          v-model="selcte"
        ></sSelect>
        <sSelect
          :label="'卡费'"
          :options="[]"
          v-model="selcte"
          :width="selectWidth"
          :labelWidth="'56px'"
          placeholder="请选择"
        ></sSelect>
      </div>
    </div>
  </div>
  <div class="button">
    <el-button>取消</el-button>
    <el-button type="primary">确定</el-button>
  </div>
</template>
<script setup lang="ts">
const selcte = ref();
const newId = ref();
const num3 = ref();
const radio3 = ref(1);
const value1 = reactive<[Date, Date]>([
  new Date(2016, 9, 10, 8, 40),
  new Date(2016, 9, 10, 9, 40),
]);
const selectWidth = "240px";
</script>

<style lang="scss" scoped>
.routine-title {
  width: 33.3%;
  min-width: 390px;
  position: relative;
  .line {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #e7ebf1;
    right: 20px;
  }
}
.item {
  //   display: inline-flex;
  padding: 8px 0;
}
.ml32 {
  margin-left: 48px;
}
.button {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.item-r {
  display: flex;
  justify-content: flex-end;
  width: 84+240px;
}
.input-number {
  display: grid;
  .item span {
    width: 140px;
    text-align: right;
    display: inline-block;
  }
}
.w-100 {
  width: 100%;
}
</style>
